<template>
	<div>
		<h2>
			{{ datas.text }}
		</h2>
		<el-tabs type="border-card" :stretch="true">
			<el-tab-pane label="内容"> </el-tab-pane>
			<el-tab-pane label="样式">
				<DataStyle :datas="datas.dataStyle"></DataStyle>
			</el-tab-pane>
			<el-tab-pane label="数据">
				<StyleComponentData :datas="datas"></StyleComponentData>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
<script setup lang="ts" name="usercardstyle">
import { ref } from 'vue';

let name = ref('12');

const props = defineProps({
	datas: {},
});
</script>

<style scoped lang="scss">
.el-tabs--border-card {
	:deep(.el-tabs__content) {
		padding: 0px !important;
	}
	border: 0px;

	:deep(.el-tabs__header) {
		background-color: #d9d9d9 !important;
	}
}
</style>
